﻿<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>XuDing的音符</title>
<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" type="image/gif" href="animated_favicon1.gif" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="xuding,音符,键盘钢琴" />
<meta name="description" content="XuDing的音符" />
<meta name="chinaz-site-verification"
    content="0955137a-3182-496e-95ff-5d257938c4e3" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery.circulate.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.2.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<style type="text/css">
div {
    
}
</style>
<body>
    <div id="coverDiv">
        <div class="loadingInfo">
            <img src="images/loading.gif" />
            <p>XuDing的音符，正在加载 ...</p>
            <p>
                目前仅支持IE内核浏览器，<br />更多信息请访问<a target="_blank"
                    href="http://www.xuding.info">专注技术，关注生活</a>
            </p>
        </div>
    </div>
    <!-- coverDiv -->
    <table border="0" align="center" cellpadding="0" cellspacing="0"
        height="120" style="margin-top: 50px">
        <tr>
            <td width="150px" align="left"><a
                href="http://www.xuding.info/blog" target="_blank" title="专注技术，关注生活"><img
                    src="images/logo.gif" width="100" height="100"></a></td>
            <td><marquee direction="up" behavior="alternate" width="131"
                    height="120" scrollamount="1">
                    <div style="height: 106px; width: 131">
                        <img src="images/x.gif" width="131" height="106" />
                    </div>
                </marquee></td>
            <td><marquee direction="down" behavior="alternate" width="93"
                    height="120" scrollamount="3">
                    <div style="height: 106px; width: 93">
                        <img src="images/u.gif" width="93" height="106" />
                    </div>
                </marquee></td>
            <td><marquee direction="up" behavior="alternate" width="82"
                    height="120" scrollamount="2">
                    <div style="height: 106px; width: 82">
                        <img src="images/d.gif" width="82" height="106" />
                    </div>
                </marquee></td>
            <td><marquee direction="down" behavior="alternate" width="76"
                    height="120" scrollamount="2">
                    <div style="height: 106px; width: 76">
                        <img src="images/i.gif" width="76" height="106" />
                    </div>
                </marquee></td>
            <td><marquee direction="up" behavior="alternate" width="102"
                    height="120" scrollamount="3">
                    <div style="height: 106px; width: 102">
                        <img src="images/n.gif" width="102" height="106" />
                    </div>
                </marquee></td>
            <td><marquee direction="down" behavior="alternate" width="91"
                    height="120" scrollamount="1">
                    <div style="height: 106px; width: 91">
                        <img src="images/g.gif" width="91" height="106" />
                    </div>
                </marquee></td>
        </tr>
    </table>
    <div class="bodyContent">
        <div class="playing">
            <marquee direction="up" behavior="alternate" width="60" height="123"
                scrollamount="1">
                <div style="height: 122px; width: 60px">
                    <img width="60" height="122" src="images/left.png" />
                </div>
            </marquee>
            <input type="button" id="b_start" value=" " onclick="play();" /> <input
                type="button" id="b_stop" value=" " onclick="stop();" />
        </div>
        <div id="musicInfoDiv">
            <div id="musicName"></div>
            <div class="webInfo">
                <p>
                    Welcome to XuDing.info!<br /> 更多精彩请访问<a
                        href="http://www.xuding.info/blog" target="_blank">专注技术，关注生活</a><br />
                    XuDing的音符<a href="http://www.xuding.info/blog/?p=275"
                        target="_blank">使用帮助</a><br /> 欢迎与我交流联系！^_^
                </p>
            </div>
        </div>
        <div id="mainDiv">
            <div id="chaptorDiv">
                <p></p>
            </div>
            <div id="playDiv">
                <div id="mainPlayer">
                    <span id='mainPlaying'></span>
                </div>
            </div>
        </div>
        <div id="rightDiv">
            <span class="lightup"></span>
        </div>
    </div>
    <div class="letterDiv">
        <ul id="keyUL">
            <li><a href="#" onclick="playIt(65);">A</a></li>
            <li><a href="#" onclick="playIt(66);">B</a></li>
            <li><a href="#" onclick="playIt(67);">C</a></li>
            <li><a href="#" onclick="playIt(68);">D</a></li>
            <li><a href="#" onclick="playIt(69);">E</a></li>
            <li><a href="#" onclick="playIt(70);">F</a></li>
            <li><a href="#" onclick="playIt(71);">G</a></li>
            <li><a href="#" onclick="playIt(72);">H</a></li>
            <li><a href="#" onclick="playIt(73);">I</a></li>
            <li><a href="#" onclick="playIt(74);">J</a></li>
            <li><a href="#" onclick="playIt(75);">K</a></li>
            <li><a href="#" onclick="playIt(76);">L</a></li>
            <li><a href="#" onclick="playIt(77);">M</a></li>
            <li><a href="#" onclick="playIt(78);">N</a></li>
            <li><a href="#" onclick="playIt(79);">O</a></li>
            <li><a href="#" onclick="playIt(80);">P</a></li>
            <li><a href="#" onclick="playIt(81);">Q</a></li>
            <li><a href="#" onclick="playIt(82);">R</a></li>
            <li><a href="#" onclick="playIt(83);">S</a></li>
            <li><a href="#" onclick="playIt(84);">T</a></li>
            <li><a href="#" onclick="playIt(85);">U</a></li>
            <li><a href="#" onclick="playIt(86);">V</a></li>
            <li><a href="#" onclick="playIt(87);">W</a></li>
            <li><a href="#" onclick="playIt(88);">X</a></li>
            <li><a href="#" onclick="playIt(89);">Y</a></li>
            <li><a href="#" onclick="playIt(90);">Z</a></li>
        </ul>
    </div>
    <div id="music_data" style="display: none;"></div>
    <div id="player" style="position: absolute; display: none;">
        <script type="text/javascript">
        var htmlData = "";
        if(navigator.userAgent.indexOf("MSIE")>0){
            for(var i=65;i<=90;i++){
            	htmlData+="<object width='0' height='0' classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6' codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715' border='0' standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>";
            	htmlData+="<param name='url' value='sound/" + i + ".MP3'>";
            	htmlData+="<param name='autostart' value='0'>";
            	htmlData+="</object>";
            }
        }else{
        	for(var i=65;i<90;i++){
        		htmlData+="<audio src='sound/" + i + ".MP3' preload></audio>";
        	}
        }
        $("#player").html(htmlData);
        </script>
    </div>
    <div class="siteInfo">
        <a href="http://www.xuding.info/blog/" target="_blank"
            title="专注技术，关注生活"> 专注技术，关注生活 xuding.info v 1.3 </a> &copy; 2010-2012
        <a href="http://www.miibeian.gov.cn" target="_blank">
            吉ICP备09009710号 </a>
    </div>
    <div style="display: none">
        <script
            src="http://s19.cnzz.com/stat.php?id=2922427&web_id=2922427&show=pic"
            language="JavaScript"></script>
    </div>
</body>
</html>